@(id: Long, propositions: List[Proposition])

@import helper._

@implicitFieldConstructor = @{ FieldConstructor(twitterBootstrapInput.render) } 

@main("Todo list") { 
    <header class="topbar">
        <h1 class="fill" align="center">
            <a href="@routes.Application.index()">
				Plateforme de gestion de catalogue de produits
            </a>
        </h1>
    </header>
    
    @if(flash.containsKey("success")) {
        <div align="center" class="alert-message success">
            <strong>Done!</strong> @flash.get("success")
        </div>
    }else{
	    @if(flash.containsKey("error")){
	    	<div align="center" class="alert-message error">
	            <strong>Done!</strong> @flash.get("error")
	        </div>
	    } 
    }
   
    <h2 style="padding:15px">Liste des proposition du fournisseur</h2>
    	
    <div id="actions">
    
        <a class="btn success" id="add" href="@routes.Propositions.add(id)">Add a new proposition</a>
        
    </div>
       	@if(propositions.size!=0){
    	
 		    @for(prop <- propositions) {
 		    	@if(prop.fournisseur!=null){
 		    	<div>
 		    		<p>
 		    		<b>Fournisseur : </b> @Fournisseur.findFourn(prop.fournisseur.id)</br>
 		    	  	<b>Date : </b> @prop.date.format("dd-mm-yyyy")</br>
 		    		<h1 style="padding-left:100px">Les produits</h1></br>
 		    		</p>
 		    		@if(prop.getlProduit.size()!=0){ 		    	
	 		    	<table>
		 		    	<tr>
			    				<th>PRODUCT NAME</th>
			    				<th>PRODUCT PRICE</th>
			    			</tr>
			    			@for(produit <- prop.getlProduit()){
								<tr>
			 		    			<td style="border:5;  cellpadding:3; cellspacing:2; rules:none">@produit.label</td>
					    		
					    			<td style="border:5;  cellpadding:3; cellspacing:2; rules:none">@produit.prix &euro;</td>		    		
								</tr>
							}
						</table> 
					</div>		    		
 		    	}
 		      }
 		    }
 		} 	   
}
